<template>
  <!-- 这里写结构HTML代码 -->
  <div>
    <!-- 路由出口：展示路由组件视图的地方 -->
    <router-view></router-view>
    <!-- 使用组件 -->
    <Foooter></Foooter>
  </div>
</template>

<script>
//导入组件
import Foooter from './views/Footer.vue'
// 这里写JS代码
export default {
  //注册组件
  components:{
    Foooter:Foooter
  }
};
</script>

<style>
/* 通用样式设置 */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
p {
  margin: 0;
  padding: 0;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  font-family: "微软雅黑";
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
}
</style>